<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>CRM后台管理系统</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" th:href="@{/css/font.css}">
    <link rel="stylesheet" th:href="@{/css/xadmin.css}">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>

</head>
<body>
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo"><a href="./index.html">CRM后台管理系统</a></div>
        <div class="left_open">
            <i title="展开左侧栏" class="iconfont">&#xe699;</i>
        </div>
        <ul class="layui-nav left fast-add" lay-filter="">
          <li class="layui-nav-item">
            <!--<a href="javascript:;">+新增</a>
            <dl class="layui-nav-child"> &lt;!&ndash; 二级菜单 &ndash;&gt;
              <dd><a onclick="x_admin_show('资讯','http://www.baidu.com')"><i class="iconfont">&#xe6a2;</i>资讯</a></dd>
              <dd><a onclick="x_admin_show('图片','http://www.baidu.com')"><i class="iconfont">&#xe6a8;</i>图片</a></dd>
               <dd><a onclick="x_admin_show('用户','http://www.baidu.com')"><i class="iconfont">&#xe6b8;</i>用户</a></dd>
            </dl>-->
          </li>
        </ul>
        <ul class="layui-nav right" lay-filter="">
          <li class="layui-nav-item">
            <a href="javascript:;" th:text="${session.get('emplName')}"></a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
              <dd><a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a></dd>
              <!--<dd><a onclick="x_admin_show('切换帐号','http://www.baidu.com')">切换帐号</a></dd>-->
              <dd><a href="javascript:logout();">退出</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item to-index">&nbsp;&nbsp;&nbsp;&nbsp;部门：【<span th:text="${session.get('deptName')}"></span>】</li>
          <li class="layui-nav-item to-index">&nbsp;&nbsp;&nbsp;&nbsp;角色：【<span th:text="${session.get('roles')}"></span>】</li>
        </ul>

    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
     <!-- 左侧菜单开始 -->
    <div class="left-nav">
      <div id="side-nav">
        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>会员管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="member-list.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>会员列表</cite>
                        </a>
                    </li >
                </ul>
            </li>
        </ul>
      </div>
    </div>
    <!-- <div class="x-slide_left"></div> -->
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
          <ul class="layui-tab-title">
            <li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe src='/welcome' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
            </div>
          </div>
        </div>
    </div>
    <div class="page-content-bg"></div>
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->
    <!-- 底部开始 -->
    <div class="footer">
        <div class="copyright">小学期项目<a href="http://www.mycodes.net/" target="_blank">软件工程</a></div>
    </div>
    <!-- 底部结束 -->
    <script>

        $(function () {
            // 获取菜单数据
            $.ajax({
                type: "post",// http请求方法
                url:"/menu/list",// 后端的接口
                dataType: "json", // 后端返回的数据类型
                success: function (res) {// 服务器成功响应之后对应的逻辑
                    console.log(res);
                    if (res.code === 200){
                        // 清空父级容器
                        $("#nav").empty();
                        // 先处理一级菜单
                        $(res.data).each(function () {
                            // 每遍历一次创建一个一级菜单
                            var li = $('<li>\n' +
                                '    <a href="javascript:;">\n' +
                                '        <i class="iconfont">&#xe6b8;</i>\n' +
                                '        <cite>'+this.menuName+'</cite>\n' +
                                '        <i class="iconfont nav_right">&#xe697;</i>\n' +
                                '    </a>\n' +
                                '</li>');
                            // 处理二级菜单
                            // 先创建二级菜单容器
                            var ul = $('<ul class="sub-menu"></ul>');
                            // 遍历二级菜单
                            $(this.subMenus).each(function () {
                                // 创建二级菜单项
                                var subMenu = $('<li>\n' +
                                    '    <a _href="'+this.menuUrl+'">\n' +
                                    '        <i class="iconfont">&#xe6a7;</i>\n' +
                                    '        <cite>'+this.menuName+'</cite>\n' +
                                    '    </a>\n' +
                                    '</li >');
                                ul.append(subMenu);
                            })
                            // 将ul追加到li中
                            li.append(ul);
                            // 追加到父级容器中
                            $("#nav").append(li);
                        });
                    }
                }
            });
        });


        /**
         * 退出登录的方法
         */
        function logout() {
            layer.confirm('确认要退出吗？',function(index){
                $.ajax({
                    type: "post",// http请求方法
                    url:"/login/out",// 后端的接口
                    dataType: "json", // 后端返回的数据类型
                    success: function (res) {// 服务器成功响应之后对应的逻辑
                        if (res.code === 200){
                            location.href="/login/page";// 重定向到登录页
                        }
                    }
                });
            });
        }
    </script>
</body>
</html>
